import NProgress from 'nprogress' // progress bar
import 'nprogress/nprogress.css' // progress bar style

import router from '@/router'
import store from '@/store'

import getPageTitle from '@/utils/get-page-title'
const whiteList = ['/login', '/404']

// 使用路由守卫实现权限控制
router.beforeEach(async(to, from, next) => {
  NProgress.start() // 开启进度条 ===》 页面发生跳转的时候开启
  // 判断是否登录，是否有token
  const token = store.state.user.token
  const title = getPageTitle(to.meta.title)
  document.title = title
  if (token) {
    if (to.path === '/login') {
      console.log('您已登录，直接去首页')
      next('/')
      NProgress.done() // 关闭进度条 ===》 页面跳转完成关闭
    } else {
      console.log('已经登录，直接去')
      if (!store.state.user.userInfo.userId) {
        await store.dispatch('user/getUserInfo')
      }
      next()
    }
  } else {
    if (whiteList.includes(to.path)) { // 优化白名单
      console.log('拥有白名单，可以直接访问')
      next()
    } else {
      console.log('没有白名单，请先登录')
      next('/login')
      NProgress.done() // 关闭进度条 ===》 页面跳转完成关闭
    }
  }
})

router.afterEach(() => {
  NProgress.done() // 关闭进度条 ===》 页面跳转完成关闭
})

